/* body{min-width: 1400px;} */
html, body{height: 100%;}
.body-fp-guide{position: fixed; width: 100%; height: 100%; min-height: 620px;}
@media (max-width:850px){
  .body-fp-guide{position: static; height: auto; min-height: inherit; overflow: visible;}
}


.guide-header-wrapper{position: absolute; top: 0; right: 0; left: 0; z-index: 8;}
.guide-header{ transition:all 0.7s ease-out 0s; height: 79px; background: #145EB3;}

.guide-header > .container{position: relative;}
.guide-header-l, .guide-header-r{position: absolute; top: 23px; color: #fff; height: 32px; line-height: 32px;}
.guide-header-l{left: 0;}
.guide-header-r{right: 0;}
.guide-header-toolbar a{color: #fff;}
.guide-header-toolbar li{position: relative; padding-left: 16px; float: left;}
.guide-header-toolbar li.split:after{position: absolute; left: 0; top: 50%; margin-top: -6px; content:''; width: 1px; height:14px; background: #fff; opacity: .46;}
.guide-header-toolbar li.split{margin-left: 15px;}

/*.guide-header-toolbar li.ghb a{background: #B32E2E; font-weight: bold; border-radius: 4px; padding: 0 10px; display: block;}*/
.guide-header-toolbar li.ipv6 span{display: block; height: 30px; border: #fff 1px solid; border-radius: 16px; padding: 0 12px;}

.bmzj{float: left;margin-right:20px;}
.bmzj>a{color:#fff;cursor: pointer;}
.bmzj .line_bmzj{display: none;}
.bmzj .line_bmzj{display:none;position: absolute;top:46px;width: 1400px;left: 50%;margin-left:-900px;height: auto;background: #fff;padding:20px 40px;box-sizing: border-box;z-index:10;}
.bmzj .line_bmzj p{display:block;color:#2354AF;font-weight: bold;font-size:20px;line-height:30px;margin:10px 0;}
.bmzj .line_bmzj li{color:#333;width:25%;padding-left:0px; float: left;}
.bmzj .line_bmzj li a{color:#333;font-size:14px;}

.guide-header-search{float: left; margin-top: -2px; position: relative; }
.guide-header-search-txt{padding: 0 40px 0 10px; height: 36px; height: 36px; border-radius: 4px; background: rgba(252, 252, 252, 0.7); transition: .3s all; width: 283px; border: 0; box-sizing:border-box;}
.guide-header-search-txt:focus{width: 300px; background: rgba(252, 252, 252, 0.9);}
.guide-header-search-txt::-webkit-input-placeholder{color: rgba(51, 51, 51, 0.49);}
.guide-header-search-btn{position: absolute; right: 0; top: 0; width: 36px; height: 36px; border: 0; height: 36px; background: url(2023_guide_icon_ss.png) no-repeat center center; background-size: 23px 22px;}

.guide-logo{float: left; width: 470px; padding-top: 20px;}

.guide-mainnav{float: right; padding-top: 30px;}
.guide-mainnav li{float: left;}
.guide-mainnav li + li{margin-left: 40px;}
.guide-mainnav li a{color: #fff; line-height: 91px; font-size: 22px; font-weight: bold;}

@media (max-width: 1500px) {
	.guide-logo{width: 380px; padding-top: 30px;}
  .guide-mainnav li + li{margin-left: 30px;}
	
}



/*swiper*/
.body-fp-swiper{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; width: 100%; height: 100%; transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;}
.body-fp-swiper .swiper-container{width: 100%; height: 100%;}
.body-fp-swiper .swiper-wrapper{width: 100%; height: 100%;}
.body-fp-swiper .swiper-slide .itm{display: block; position: relative; height: 100%; width: 100%;}
.body-fp-swiper .swiper-slide .itm .banner{position: relative; width: 100%; height: 100%;}
.body-fp-swiper .swiper-slide .itm .banner img{display: block; width: 100%; height: 100%; object-fit: cover;}
.body-fp-swiper .swiper-slide .itm .banner:before{position: absolute; left: 0; bottom: 0; right: 0; content: ""; height: 80px; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));}
.body-fp-swiper .swiper-slide .itm .caption{position: absolute; right: 0; left: 0; bottom: 0; padding: 30px 400px 40px 30px; font-size: 22px; color: #fff; line-height: 40px;}
.body-fp-swiper .swiper-ctrl-button{top: auto; bottom: 25px; margin-top: 0;}
.body-fp-swiper .swiper-ctrl-button i{color: #8b572a !important;}
.body-fp-swiper .swiper-ctrl-button:hover:after{opacity: 1;}
.body-fp-swiper .swiper-ctrl-next{right: 30px;}
.body-fp-swiper .swiper-ctrl-prev{right: 87px; left: auto;}
.body-fp-swiper .swiper-pagination{position: absolute; right: 84px; bottom: 60px !important; left: auto !important; z-index: 1; width: auto !important;}
.body-fp-swiper .swiper-pagination span{position: relative; display: inline-block; width: 24px; height: 24px; font-size: 14px;  line-height: 24px; margin: 0 5px !important; background:rgba(255, 255, 255, 0.5); opacity: 1;  transition: all .3s;}
.body-fp-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 30px; height: 30px; line-height: 30px; background:rgba(255, 255, 255, 0.85);}

/*switch*/
.switch-bottom{position: fixed; left: 50%; bottom: 20px; z-index: 11; margin-top: -20px; line-height: 1.2em; text-align: center; opacity: 1; font-family: icon; padding: 0 10px; animation: switchB 2s linear 0s infinite; cursor: pointer;color: rgba(255,255,255,.6);}
.switch-bottom a{color: rgba(255,255,255,.6);}
.switch-bottom i{width: 48px; height: 48px; display: block; margin: 0 auto 10px;}
@keyframes switchB{
  0%{transform: translate(-50%,0); opacity: 0;}
  20%{transform: translate(-50%,3px); opacity: 1;}
  80%{transform: translate(-50%,10px); opacity: 1;}
  90%{transform: translate(-50%,10px); opacity: 0;}
  100%{transform: translate(-50%,10px); opacity:0;}
}
.switch-bottom:hover{animation-play-state: paused; color: #fff;}
.body-fp-guide .switch-bottom:hover i{color: #fff;}
@media (max-width:850px){
  .switch-bottom{display: none;}	
}


.body-fp-index{position: fixed; top: 100%; right: 0; left: 0; width: 100%; height: 100%; z-index: 99; overflow: auto; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; background: #fff;}
.body-fp-index.isshow{position: absolute; top: 0; height: auto; overflow: hidden;} 

@media (max-width:1280px){
  .body-fp-guide{display: none;}
  .body-fp-index{position: relative; top: 0; height: auto; overflow: hidden;} 
}